<!-- 表格内容 BEGIN -->
<div class="table-margin">
  <div class="table-header">
      <table class="table table-bordered table-header">
          <thead>
              <tr>
                  <td class="w5 text-center">
                      <input type="checkbox" #event (click)="selectAll(event.checked,tabVal)" [checked]="isSelectAll">
                  </td>
                  <td class="w5 text-center">序号</td>
                  <td class="w35 text-left">中心名字</td>
                  <td class="w40 text-left">描述</td>
              </tr>
          </thead>
      </table>
  </div>
  <div class="table-body">
      <table class="table table-bordered table-header overflow-table">
          <tbody class="no-border">
              <tr *ngFor="let rolesdata of tabVal; let  i = index;" [ngClass]="{'active':i%2!=0}">
                  <td class="w5 text-center">      
                      <input type="checkbox" #event (click)="chose(event.checked, rolesdata.id, rolesdata.length)" [checked]="isChose">
                  </td>
                  <td class="w5 text-center">{{tableNumber+i+1}}</td>
                  <td class="w35 text-left">
                      <input type="text" class="form-control" [(ngModel)]="rolesdata.name" (blur)="roles_blur()" (keyup)="roles_focus(rolesdata)"
                          [class.erinput]="rolesdata.name == ''"  [disabled]="!right['roles']['update']">
                  </td>
                  <td class="w40 text-left">
                      <input type="text" class="form-control" maxlength="50" [(ngModel)]="rolesdata.description" (blur)="roles_blur()" (keyup)="roles_focus(rolesdata)"
                       [disabled]="!right['roles']['update']">
                  </td>
              </tr>
          </tbody>
      </table>
  </div>
</div>
<!-- 表格内容 END -->
